<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img src="https://img2.baidu.com/it/u=2238246530,2442774342&fm=26&fmt=auto" alt="">
    <button id="btn">改变图片</button>
    <script>
        //回调函数（将函数作为参数传递，并调用这个函数，就叫回调函数）

        // function fn(callback,callback1) {
        //     //回调自己
        //     callback();
        //     callback1();
        //     console.log("fn函数");
        // }
        // //将函数作为参数传递
        // fn(fnCall,faCall1);
        // //要传递的函数
        // function fnCall() {
        //     console.log("22");
        // }
        // function faCall1(){
        //     console.log("3333");
        // }

        // let imgeUrl=document.getElementsByTagName("img")[0];

        //回调函数
        function changeView(imgeUrl, callback) {
            debugger;
            let imgeUrl = document.getElementsByTagName(imgeUrl)[0];
            callback(imgeUrl);
        }
        //获取节点
        let btn = document.getElementById("btn");
        //获取图片节点
        //点击过后改变图片地址
        btn.onclick = function() {
            console.log("ok")
            changeView("img", function(el) {
                console.log(11);
                el.src = "https://img0.baidu.com/it/u=463320705,1011959503&fm=15&fmt=auto"
            })
        }
    </script>
</body>

</html>